<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>huangfeng.me.html</title>
	<script src="jquery-3.2.0.min.js"></script>
	<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>	
	<style type="text/css">
	.pull-right{background-color:white;margin-top:15px;margin-right:10px;}
	.text {display:block;text-align:center;padding-top:48px;padding-bottom:48px;margin-bottom:10px;}
	</style>
</head>
<body>
	<ul class="nav nav-tabs">
	<li role="presentation" class="active"><a href="#">Home</a></li>
	<li role="presentation"><a href="#">Profile</a></li>
	<li role="presentation"><a href="#">Messages</a></li>
	</ul>
	<div class="pull-right">
	<button type="button">
	<span class="glyphicon glyphicon-thumbs-up"></span>
	</button>
	<button type="button">
	<span class="glyphicon glyphicon-hand-right"></span>
	</button>
	<button type="button">
	<span class="glyphicon glyphicon-star"></span>Star
	</button>
	</div>
	<div class="container">
	<div class="text">
	<h1>Marketing stuff!</h1>	
	<p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet.</p>
	<p>
		<a class="btn btn-success btn-lg" href="#" role="button">Get started today</a>
	</p>	
	</div>
	</div>
	<div class="container">
		<div class="row">
		<div class="col-xs-6 col-lg-3">
		<h2>Heading</h2>
		<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>	
		<p><a class="btn btn-default" href="#" role="button">View details <span class="badge">2</span></a></p>
		</div>
		<div class="col-md-6">
		<h2>Life is A Journey</h2>
		<p>Some choices are waiting for me,Which one on earth is better?No God in the world can help me,Choosing is the byname of freedom,Different choice makes different future.It's stupid to put eyes on others.I have to make up my own mind,Going my way to the destination.Facing success or failure,It's no need to care too much.Only if I've tried my best,It’s enough for my simple life.It is commonly believed in United States that school is where people go to get an education. it has been said that today children interrupt their education to go to school. The between schooling and education bythis remark is important.
		</p>
		</div>
		<div class="col-md-3">
		<h2>Always insisting</h2>
		<p>Use iron scoop is too cold; Use porcelain scoop is too weak; A wood scoop, engraved veins safely, engraved sky’s wasteland and glebe’s old. Just as happiness born in the years, not insolent, the every act and move blooms quietly.</p>
		<p><a class="btn btn-default" href="#" role="button">View details >></a></p>
		</div>
		</div>
	<br />
	<div class="alert alert-success" role="alert">
	Well done! You successfully read this important alert message.
	</div>
	<div class="alert alert-danger" role="alert">
	快给朕点赞！！！！！！！！！！
	</div>
	<footer class="footer" align="center">
		<p>© 2017 Company, Inc.</p>
	</footer>
	</div>	
</body>
</html>
